*{
    box-sizing:border-box;
}
html,body{
    margin: 0;
    padding: 0;
    border: 0;
}
.nav{
    width: 100%;
    position: relative;
}
.collage{
    width: 100%;
}
.Count{
    width: 75%;
    padding:.39rem .13rem .39rem .13rem;
    background: white;
    position: absolute;
    left: calc(50% - (75% / 2));
    top:calc(20% - (1.7rem / 2 ));
    text-align: center;
}
.Count span{
    /* display: block; */
}
.title{
    font-size: .30rem;
    font-weight: bold;
    display: block;
}
.grayfont{
    font-size: .16rem;
    color: #999999;
    margin-top:.1rem;
    display: block;
}
.borderButtom{
    margin:.26rem 0;
    border-bottom: 1px solid #f0f0f0;
    color: #f0f0f0;
}
.Surplus{
    font-weight: bold;
    font-size: .30rem;
    display: block;
}
.Time{
    color: #FA6464;
}
.PeopleNum{
    font-size: .19rem;
}
.PNumber{
    color: #FA6464;
}
.footer{
    padding: .3rem .16rem;
}
.Explain{
    width: 100%;
}
.Explain span{
    display: block;
}
.ExplainTitle{
    font-weight: bold;
}
.ExplainContext{
    margin-top: 13px;
    font-size: .17rem;
    color: #999999;
}
.InvBtn{
    margin-top:.48rem;
}
.Invitation{
    width: 100%;
    text-align: center;
    padding: .21rem 0;
    background: #FFE40d;
    border: none;
    font-size: .30rem;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    color: black;
    border-radius: 5px;
}
